<section class="content-section-flex flex-nowrap">
  <lv-wizard style="height: 200px" lvMode="number" lvDirection="vertical" lvLabelPlacement="horizontal" lvStatus="process" [lvActiveIndex]="2">
    <lv-wizard-step>Wizard 01</lv-wizard-step>
    <lv-wizard-step>Wizard 02</lv-wizard-step>
    <lv-wizard-step>Wizard 03</lv-wizard-step>
    <lv-wizard-step>Wizard 04</lv-wizard-step>
  </lv-wizard>

  <lv-wizard style="height: 200px" lvMode="icon" lvDirection="vertical" lvLabelPlacement="horizontal" lvStatus="error" [lvActiveIndex]="1">
    <lv-wizard-step>Wizard 01</lv-wizard-step>
    <lv-wizard-step>Wizard 02</lv-wizard-step>
    <lv-wizard-step>Wizard 03</lv-wizard-step>
    <lv-wizard-step>Wizard 04</lv-wizard-step>
  </lv-wizard>
</section>
